// Color variables (appears count calculates by raw css)
@color0: #e5e5e5; // Appears 3 times
@color1: #ffffff; // Appears 2 times
@color2: #00be3c; // Appears 2 times


// Height variables (appears count calculates by raw css)
@height0: 34px; // Appears 2 times

@ziti0:"Microsoft Yahei";
body {
	background: #cccccc;
}
.scroll-demo {
	background: @color1;
	border: 1px solid @color0;
	margin: 30px auto;
	width: 540px;
}
.scroll-tab {
	background: #f8f8f8;
	border-bottom:1px solid @color0;
	color: #666666;
	height: @height0;
	.tab-item {
		border-right: 1px solid @color0;
		float: left;
		font: 14px/34px "Microsoft Yahei";
		height: @height0;
		padding: 0 20px;
		text-align: center;
	}
	.tab-active {
		background:@color1;
		border-top:2px solid @color2;
		color: @color2;
		margin: -1px 0;
	}

}
.scroll-wrap{
		width:100%;
		height:300px;
		position: relative;
		.scroll-cont{
			height:100%;
			overflow: hidden;
			padding:0 15px;
			h3{
				font:16px/3 @ziti0;
				text-align:center;
			}
			p{
				font-size: 14px;
				line-height: 24px;
				text-indent: 2em;
				margin-bottom: 10px
			}
		}
	.scroll-bar{
		position: absolute;
		top: 0;
		right: 0;
		width:10px;
		height:100%;
		background:#eaeaea;
	}
	.scroll-slider{
		position:absolute;
		top: 0;
		left: 1px;
		width:8px;
		height:30px;
		background:#fff
	}		
}